<style scoped>
.expand-row {
  margin-bottom: 16px;
}
.tables{
    display: block;
}
</style>
<template>
    <div>
        <Row class="expand-row" >
            <div v-for="item in list" :key="item.spce_name" class="tables">
            <Col span="6">
            <span class="expand-key">规格名称:</span>
            <span class="expand-value">{{item.spce_name}}</span>
            </Col>
            <Col span="6">
            <span class="expand-key">规格库存:</span>
            <span class="expand-value">{{item.number}}</span>
            </Col>
            <Col span="6">
            <span class="expand-key">规格拼团价格:</span>
            <span class="expand-value">{{item.group_price}}</span>
            </Col>
            <Col span="6">
            <span class="expand-key">规格独购价格:</span>
            <span class="expand-value">{{item.price}}</span>
            </Col>
            </div>

        </Row>
    </div>
</template>
<script>
export default {
  props:['row'],
  data(){
return{
    list:[]
}
  },
  created(){
      console.log(this.row)
                  $.ajax({
              url:'http://47.94.147.120:8080/fight/api/v1.0/goods/groupGoodsSpecs',
              type:'get',
              data:{
                goodsId:this.row
              },success:function(data){
                console.log(data)
this.list = data
              }.bind(this)
            })
  }
};
</script>